<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <style>
    </style>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link type="text/css" rel="styleSheet"  href="css\c.css" />
</head>
<body class="body">
    <div>
        <div id="header">
            <ul>
                <li style="float:left;padding-left: 100px;"><img src="imge\logo.png" width="45px"></li>
                <li>
                    <form class="example" action="/" style="margin:auto;max-width:300px">
                        <input type="text" placeholder="搜索.." name="search2">
                        <button type="submit"><i class="fa fa-search"></i></button>
                      </form>
                </li>
                <li><a href="gywm.html">关于我们</a></li>
                <li><a href="gywm.html">联系我们</a></li>
                <li><a href="dl.html">登录</a></li>
                <li><a href="zc.html">注册</a></li>
                <li>
                    <div class="dropdown">
                        <a href="#interest" class="dropbtn">分类</a>
                        <div class="dropdown-content">
                            <a href="xinfa.html">心法</a>
                            <a href="stfs.html">轮回纪事</a>
                            <a href="mcfs.html">血脉</a>
                            <a href="qcfs.html">体质</a>
                        </div>
                        </div>
                </li>
                <li><a href="index.html">首页</a></li>
            </ul>
        </div>
        <div style="height:20px;background:white;text-align: center;">分享你的推荐？<a class="denglu" href="dl.html">请点此登录</a></div>
        <div id="header2"><p><pre style="font-family:楷体;">
    浮梦阁
       -轮回纪元
        </pre></p></div>
        <div id="imge"><img src="imge\logo.png" height="190px" style="border-radius: 25px;padding: 10px;"></div>
        <div id="p1"><h1 class="h1">德养心善无，<span>少静寡淡忘。</span></h1></div>
        <div id="imge2">
            <div class="img2">
                <img src="imge\m1.jpeg" height="300px" style="border-radius: 25px;box-shadow: 10px 10px 5px #888888;">
            </div>
            <div class="img2">
                <img src="imge\m2.jpeg" height="300px" style="border-radius: 25px;box-shadow: 10px 10px 5px #888888;">
            </div>
            <div class="img2" style="background-color: rgb(0, 0, 0);width: 540px;border-radius: 25px;margin: 20px;">
                <h3 style="overflow: hidden;color: #f5f5f7;float: left;text-indent: 50px;">你还在犹豫得到的心法该不该练吗？你还在纠结该买哪本心法吗？你还在为是否该给心法升阶而烦恼吗？点击分类选择心法，解决你的烦恼！</h3>
            </div>
        <div id="p2"><h1 class="h1">百年世事三更梦，<span>万里乾坤一局棋。</span></h1></div>
        <div id="imge3">
            <div class="img2" style="background-color: rgb(255, 255, 255);width: 540px;height:320px;border-radius: 25px;margin: 20px;">
                <h3 style="overflow: hidden;color: #000000;float: left;text-indent:50px;">轮回纪事</h3>
            </div>
            <div class="img2" style="background-color: rgb(0, 0, 0);width: 540px;height:320px;border-radius: 25px;margin: 20px;">
                <h3 style="overflow: hidden;color: #f5f5f7;float: left;text-indent:50px;">轮回纪事</h3>
            </div>
        </div>
        </div>
    </div>
</body>
</html>